<template>
    <Modal
            width="800"
            v-model="visible"
            :title="title"
            :key="key"
    >
        <div class="table_div">
            <vxe-table border
                       resizable
                       row-id="id"
                       :row-key="true"
                       show-overflow="tooltip"
                       align="center"
                       header-align="center"
                       ref="xTree"
                       :loading="Loading"
                       :radio-config="{highlight: true}"
                       :data="tableData">
                <vxe-table-column field="ssfc0001" title="区县名称" align="center" width="140" :formatter="renderAreaName"/>
                <vxe-table-column field="azcp0003" title="人员姓名" align="center" width="140"/>
                <vxe-table-column field="azcp0001" title="人员身份证号码" align="center" width="200"/>
                <vxe-table-column field="NAME" title="救助类型" align="center" width="288"/>
            </vxe-table>
            <Page :total="dataCount" :page-size="pageSize" show-total class="paging"
                  @on-change="handleTableChange" :current="pageNo"></Page>
        </div>
        <div slot="footer">
            <Button @click="cancel">取消</Button>
        </div>
    </Modal>
</template>

<script>
    import {CommonMixin} from '@/views/common/js/CommonMixin'

    export default {
        mixins: [CommonMixin],
        name: "repeat-detail",
        data() {
            return {
                visible: false,
                title: "花名册重复保障人员信息",
                key: "",
                Loading: false,
                queryParam: {},
                url: {
                    list: "/api/ac/subsistence/ss18900Service/repeatDetail"
                }

            }
        },
        methods: {
            edit(row) {
                this.queryParam.id = row.id;
                this.queryParam.ssfc0002 = row.ssfc0002 + "-01";
                this.visible = true;
                this.findAreaList();
            },
            cancel() {
                this.queryParam = {};
                this.visible = false;
            },
        }
    }
</script>

<style scoped>

</style>